<template>
  <div>
    <editor id="editorSection" />
  </div>
</template>
<script>
// import 'codemirror/lib/codemirror.css';
// import '@toast-ui/editor/dist/toastui-editor.css';

// import { Editor } from '@toast-ui/vue-editor';
import Editor from 'tui-editor'
import 'tui-editor/dist/tui-editor.css'; // editor's ui
import 'tui-editor/dist/tui-editor-contents.css'; // editor's content
import 'codemirror/lib/codemirror.css'; // codemirror
import 'highlight.js/styles/github.css'; // code block highlight
const instance = new Editor({
  el: document.querySelector('#editorSection'),
  initialEditType: 'markdown',
  previewStyle: 'vertical',
  height: '300px'
});
instance.getHtml();
export default {
  data: () => ({}),
  components: {
    editor: Editor
  }
}
</script>
<style lang="scss" scoped>
</style>